<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="https://box3lab.com/static/icon.png" />
  <script charset="UTF-8" id="LA_COLLECT" src="https://sdk.51.la/js-sdk-pro.min.js"></script>
  <script>LA.init({ id: "KOB1k73SeZB5Qb7F", ck: "KOB1k73SeZB5Qb7F", autoTrack: true, hashMode: true, screenRecord: true })</script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>noda节点编辑器 - 神岛实验室</title>
  <style>
    .loaderbg {
      background-color: #000000;
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 99999999;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

    ::-webkit-scrollbar {
      width: 7.5px;
      height: 6px;
      background-color: #f0f0f0;
      display: none
    }

    ::-webkit-scrollbar-thumb {
      background-color: #b1b1b1;
      border-radius: 15px
    }

    ::-webkit-scrollbar-thumb:hover {
      background-color: #777
    }



    .spinner {
      width: 177px;
      height: 200px;
      background: url(https://static.codemao.cn/pickduck/BkdgCZ4lR.png?hash=Fvmsj2d6YPNSvVD0jruvFp5BYJV0) center;
      background-size: cover;
      animation-name: lodingAnim;
      animation-duration: 4s;
      animation-iteration-count: infinite;
      transition-timing-function: ease-in-out;
    }

    @keyframes lodingAnim {
      0% {
        transform: scale(1);
      }

      25% {
        transform: scale(1.08);
      }

      50% {
        transform: scale(1);
      }

      75% {
        transform: scale(1.08);
      }
    }
  </style>
</head>

<body arco-theme="dark">
  <div class="loaderbg">
    <div class="spinner">

    </div>
    <p style="margin-top: 30px;color: #ffffff; user-select:none;font-size: 16px;margin-bottom: 10px;" >
      客官稍等，搬砖小二这就来...</p>
  </div>
  <div id="root"></div>
  <script type="module" src="/src/index.tsx"></script>
</body>

</html>